<template>
	<div class="backlist">
		<van-cell class="article-item" :to="{name:'article',params:{articleId: article.art_id }}">
			<div slot="title" class="title">{{ article.title }}</div>
			<div slot="label">
				<div class="cover-wrap">
					<div class="cover-wrap-item" v-if="article.cover.type === 3">
						<van-image width="110" height="73" v-for="(img,index) in article.cover.images" :src="img" :key="index"></van-image>
					</div>
				</div>
				<div class="label-wrap">
					<span>{{article.aut_name}}</span>
					<span>{{article.comm_count}}</span>
					<span>{{article.pubdate | relativeTime}}</span>
				</div>
				
			</div>
			<van-image width="116" height="73" :src="article.cover.images[0]" v-if="article.cover.type === 1"></van-image>
		</van-cell>
		
		
	</div>
</template>

<script>
	export default {
		name: 'BackList',
		props: {
			article: {
				type:Object,
				
			}
		}
	}
</script>

<style scoped="scoped">
	.title {
		font-size: 16px;
		color: #3a3a3a;
		
	}
	.label-wrap span {
		margin: 0 5px;
	}
	
</style>
